﻿@{
    ViewBag.Title = "Slönguspilið";
}
@section CSS
{
    <link href="~/Content/SnakesAndLadders.css" rel="stylesheet" />
}
@section scripts{

    <script src="~/Scripts/jquery.signalR-1.0.1.js"></script>
    <script src="~/signalr/hubs"></script>
    <script src="~/Scripts/SnakesAndLadders.js"></script>
}

<div id="winner"></div>
<input type="button" id="move" value="Kasta tening" />
<div id="main">
    <div id="snakesboard">
        <table id="snakesandladders">
            <tbody>
                <tr>
                    <td id="100">&nbsp;</td>
                    <td id="99">&nbsp;</td>
                    <td id="98">&nbsp;</td>
                    <td id="97">&nbsp;</td>
                    <td id="96">&nbsp;</td>
                    <td id="95">&nbsp;</td>
                    <td id="94">&nbsp;</td>
                    <td id="93">&nbsp;</td>
                    <td id="92">&nbsp;</td>
                    <td id="91">&nbsp;</td>
                </tr>
                <tr>
                    <td id="81">&nbsp;</td>
                    <td id="82">&nbsp;</td>
                    <td id="83">&nbsp;</td>
                    <td id="84">&nbsp;</td>
                    <td id="85">&nbsp;</td>
                    <td id="86">&nbsp;</td>
                    <td id="87">&nbsp;</td>
                    <td id="88">&nbsp;</td>
                    <td id="89">&nbsp;</td>
                    <td id="90">&nbsp;</td>
                </tr>
                <tr>
                    <td id="80">&nbsp;</td>
                    <td id="79">&nbsp;</td>
                    <td id="78">&nbsp;</td>
                    <td id="77">&nbsp;</td>
                    <td id="76">&nbsp;</td>
                    <td id="75">&nbsp;</td>
                    <td id="74">&nbsp;</td>
                    <td id="73">&nbsp;</td>
                    <td id="72">&nbsp;</td>
                    <td id="71">&nbsp;</td>
                </tr>
                <tr>
                    <td id="61">&nbsp;</td>
                    <td id="62">&nbsp;</td>
                    <td id="63">&nbsp;</td>
                    <td id="64">&nbsp;</td>
                    <td id="65">&nbsp;</td>
                    <td id="66">&nbsp;</td>
                    <td id="67">&nbsp;</td>
                    <td id="68">&nbsp;</td>
                    <td id="69">&nbsp;</td>
                    <td id="70">&nbsp;</td>
                </tr>
                <tr>
                    <td id="60">&nbsp;</td>
                    <td id="59">&nbsp;</td>
                    <td id="58">&nbsp;</td>
                    <td id="57">&nbsp;</td>
                    <td id="56">&nbsp;</td>
                    <td id="55">&nbsp;</td>
                    <td id="54">&nbsp;</td>
                    <td id="53">&nbsp;</td>
                    <td id="52">&nbsp;</td>
                    <td id="51">&nbsp;</td>
                </tr>
                <tr>
                    <td id="41">&nbsp;</td>
                    <td id="42">&nbsp;</td>
                    <td id="43">&nbsp;</td>
                    <td id="44">&nbsp;</td>
                    <td id="45">&nbsp;</td>
                    <td id="46">&nbsp;</td>
                    <td id="47">&nbsp;</td>
                    <td id="48">&nbsp;</td>
                    <td id="49">&nbsp;</td>
                    <td id="50">&nbsp;</td>
                </tr>
                <tr>
                    <td id="40">&nbsp;</td>
                    <td id="39">&nbsp;</td>
                    <td id="38">&nbsp;</td>
                    <td id="37">&nbsp;</td>
                    <td id="36">&nbsp;</td>
                    <td id="35">&nbsp;</td>
                    <td id="34">&nbsp;</td>
                    <td id="33">&nbsp;</td>
                    <td id="32">&nbsp;</td>
                    <td id="31">&nbsp;</td>
                </tr>
                <tr>
                    <td id="21">&nbsp;</td>
                    <td id="22">&nbsp;</td>
                    <td id="23">&nbsp;</td>
                    <td id="24">&nbsp;</td>
                    <td id="25">&nbsp;</td>
                    <td id="26">&nbsp;</td>
                    <td id="27">&nbsp;</td>
                    <td id="28">&nbsp;</td>
                    <td id="29">&nbsp;</td>
                    <td id="30">&nbsp;</td>
                </tr>
                <tr>
                    <td id="20">&nbsp;</td>
                    <td id="19">&nbsp;</td>
                    <td id="18">&nbsp;</td>
                    <td id="17">&nbsp;</td>
                    <td id="16">&nbsp;</td>
                    <td id="15">&nbsp;</td>
                    <td id="14">&nbsp;</td>
                    <td id="13">&nbsp;</td>
                    <td id="12">&nbsp;</td>
                    <td id="11">&nbsp;</td>
                </tr>
                <tr>
                    <td id="1">&nbsp;</td>
                    <td id="2">&nbsp;</td>
                    <td id="3">&nbsp;</td>
                    <td id="4">&nbsp;</td>
                    <td id="5">&nbsp;</td>
                    <td id="6">&nbsp;</td>
                    <td id="7">&nbsp;</td>
                    <td id="8">&nbsp;</td>
                    <td id="9">&nbsp;</td>
                    <td id="10">&nbsp;</td>
                </tr>
            </tbody>
        </table>
    </div>
    <div id="players"></div>
</div>
<div id="whosTurn"></div>
<h3>Niðurstöður kasta:</h3>
<div id="diceResult"></div>

<div id="chat">
    <h3>Spjall við mótspilara:</h3>
    <div id="messages"></div>
    <input type="text" id="msg" />
    <input type="button" id="broadcast" value="Senda" />
</div>
<div id="dialog-gameOver" title="Leik lokið">
    @Html.ActionLink("Spila aftur", "SLGameRules") <br />
    @Html.ActionLink("Fara á forsíðu", "Index", "Home")
</div>


<div id="boardSource">Mynd tekin af http://i.stack.imgur.com/LFCen.gif 08.05.2013</div>

